/* ============================================================================================= */
/* =====>>> Table of contents <<<=============================================================== */
/*
			BASE
				Reset
				Tools
			
			DEFAULT STYLES
				Typography
				Images
				Tables
				Forms
			
			GLOBAL LAYOUT			
				Structure
				Body section
				Header section
				Content section
				Footer section
				
			PAGE SPECIFIC LAYOUT
				Home
				Portfolio
				Blog								
				404
				Extras

*/
/* ============================================================================================= */


/* ============================================================================================= */
/* =====>>> BASE <<<============================================================================ */
/* ============================================================================================= */

/* ----->>> RESET <<<--------------------------------------------------------------------------- */

/* By Eric Meyer */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Add permanent vertical scrollbar to Firefox */
html { overflow: -moz-scrollbars-vertical; }


/* ----->>> TOOLS <<<--------------------------------------------------------------------------- */

/* Clearfix */
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0; 
}
.clearfix { 
	display: inline-block; 
}
html[xmlns] .clearfix { 
	display: block; 
}
* html .clearfix { 
	height: 1%; 
}


/* ============================================================================================= */
/* =====>>> DEFAULT STYLES <<<================================================================== */
/* ============================================================================================= */ 


/* ----->>> TYPOGRAPHY <<<---------------------------------------------------------------------- */

body { 
	font-size: 12px; 
	line-height: 18px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	font-weight: normal; 	
}
input, select, textarea, button { 
	margin: 0;
	font-size: 12px; 
	line-height: 18px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	font-weight: normal; 	
}
h1 { margin: 0 0 27px 0; font-size: 36px; line-height: 36px; font-weight: normal; }
h2 { margin: 0 0 18px 0; font-size: 24px; line-height: 24px; font-weight: normal; }  
h3 { margin: 0 0 18px 0; font-size: 18px; font-weight: bold; }
h4 { margin: 0; font-size: 14px; font-weight: bold; }
h5 { margin: 0; font-size: 12px; font-weight: bold; }
h6 { margin: 0; font-size: 11px; font-weight: bold; }

ul { margin: 0 0 18px 2em; list-style-type: disc; }
ol { margin: 0 0 18px 2em; list-style-type: decimal; }
dl { margin: 0 0 18px 0; }

p { margin: 0 0 18px 0; }
address { margin: 0 0 18px 0; }

dfn { font-style: italic; }

pre, code { 
	overflow: auto; 
	font-family: "Lucida Console", Courier, "DejaVu Sans Mono", monospace; 
	white-space: pre; 
}
code { padding: 0 2px; border-width: 1px; border-style: dotted; }

blockquote { 
	min-height: 32px;
	padding: 0 30px 0 55px; 
	margin: 0 0 18px 0; 	
	font-size: 14px; 
	line-height: 21px; 
	font-style: italic; 
	font-family: Georgia, serif; 
	background: url(../images/doublequote.png) 0 0 no-repeat; 
}
q { font-style: italic; }
cite { font-style: italic; }

a { cursor: pointer; text-decoration: none; }
strong { font-weight: bold; font-style: normal; }
em { font-weight: normal; font-style: italic; }
del { text-decoration: line-through; }


/* ----->>> IMAGES <<<-------------------------------------------------------------------------- */

.alignleft { margin: 7px 15px 7px 0; float:left;  }
.alignright { float:right; }
.aligncenter { margin: 0px auto; display:block;  }


/* ----->>> TABLES <<<-------------------------------------------------------------------------- */

table { margin: 0 0 18px 0; }
th { border-width: 1px 0; text-align: left; border-style: solid; }
td, th { padding: 4px 10px; }


/* ----->>> FORMS <<<--------------------------------------------------------------------------- */

form { margin: 0 0 18px 0; }
.form-row { margin: 0 0 9px 0; }
legend { margin: 0 0 18px 0; font-size: 18px; font-weight: bold; }
label { margin: 0 0 2px 0; display: block; font-weight: bold; }
.field-validation-error {color:Red; display: block; }
input, select, textarea { 
	padding: 2px 10px; 	
	border-width: 1px; 
	border-style: solid; 	
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border-radius: 12px; 
}  

/* Adapt forms to the grid system */
.c-12 input, .c-12 select, .c-12 textarea, input.u-12, select.u-12, textarea.u-12 { width: 872px; }
.c-11 input, .c-11 select, .c-11 textarea, input.u-11, select.u-11, textarea.u-11 { width: 795px; }
.c-10 input, .c-10 select, .c-10 textarea, input.u-10, select.u-10, textarea.u-10 { width: 718px; }
.c-9 input, .c-9 select, .c-9 textarea, input.u-9, select.u-9, textarea.u-9  { width: 641px; }
.c-8 input, .c-8 select, .c-8 textarea, input.u-8, select.u-8, textarea.u-8  { width: 564px; }
.c-7 input, .c-7 select, .c-7 textarea, input.u-7, select.u-7, textarea.u-7 { width: 487px; }
.c-6 input, .c-6 select, .c-6 textarea, input.u-6, select.u-6, textarea.u-6  { width: 410px; }
.c-5 input, .c-5 select, .c-5 textarea, input.u-5, select.u-5, textarea.u-5  { width: 333px; }
.c-4 input, .c-4 select, .c-4 textarea, input.u-4, select.u-4, textarea.u-4  { width: 256px; }
.c-3 input, .c-3 select, .c-3 textarea, input.u-3, select.u-3, textarea.u-3 { width: 179px; }
.c-2 input, .c-2 select, .c-2 textarea, input.u-2, select.u-2, textarea.u-2  { width: 102px; }
.c-1 input, .c-1 select, .c-1 textarea, input.u-1, select.u-1, textarea.u-1  { width: 25px; }

input[type=checkbox],
input[type=radio],
input[type=image],
input[type=submit],
input[type=file] {
	width: auto;
}

input.input-checkbox, 
input.input-radio , 
input.input-image, 
input.input-submit,  
input.input-file { 
	width: auto;
} 



input[type=image], input.input-image { 	
	padding: 0; 	
	border: none; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0; 
	background: none;  
}

 
/* ============================================================================================= */
/* =====>>> GLOBAL LAYOUT <<<=================================================================== */
/* ============================================================================================= */
 

/* ----->>> STRUCTURE <<<----------------------------------------------------------------------- */
#page { width: 954px; margin: 0 auto; overflow: hidden;  }
#header { padding-top: 20px; position: relative; z-index: 2000; }
#content {}
  #content .hd { padding: 36px 30px 0 30px; }
  #content .bd { padding: 36px 30px 18px 30px; border-bottom: 1px solid white;  }
#footer { padding: 0 30px; }


/* --- Grid system ----------------------------------------------------------------------------- */
.grid { overflow: hidden; }
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { 
	margin: 0 0 0 30px; display: inline; float: left; 
}

.c-1  { width: 47px; }
.c-2  { width: 124px; }
.c-3  { width: 201px; }
.c-4  { width: 278px; }
.c-5  { width: 355px; }
.c-6  { width: 432px; }
.c-7  { width: 509px; }
.c-8  { width: 586px; }
.c-9  { width: 663px; }
.c-10 { width: 740px; }
.c-11 { width: 817px; }
.c-12 { width: 894px; }

.c-1:first-child, .c-2:first-child, .c-3:first-child, .c-4:first-child,
.c-5:first-child, .c-6:first-child, .c-7:first-child, .c-8:first-child,
.c-9:first-child, .c-10:first-child, .c-11:first-child, .c-12:first-child {
	margin-left: 0; 
}


/* ----->>> BODY SECTION <<<-------------------------------------------------------------------- */

/* Meta information */
.meta { font-size: 11px; font-family: Georgia, serif; font-style: italic; }

/* --- Icons in header tags --- */
h1 img.icon, h2 img.icon, h3 img.icon { vertical-align: middle; }


/* --- Additional list styles --- */
ul.checklist { margin-left: 0; list-style-type: none; }
  ul.checklist li { padding-left: 20px; background-position: 0 4px; background-repeat: no-repeat; }

  
/* --- Buttons --- */  
.button { display: inline-block; background-repeat: no-repeat; }
  .button span { display: inline-block; background-repeat: no-repeat; }

.button.small { height: 27px; margin-right: 20px; line-height: 22px; font-weight: normal; }
  .button.small span { height: 27px; padding: 0 15px 0 0; margin: 0 -15px 0 15px; }

.button.medium { 
	height: 40px; 
	margin-right: 15px; 
	font-size: 14px; 
	line-height: 37px; 
	font-weight: normal; 
}
  .button.medium span { height: 40px; padding: 0 30px 0 0; margin: 0 -15px 0 30px; }

.button.active.small { background-position: left -108px; }
  .button.active.small span { background-position: right -108px; }
.button.tertiary.small { background-position: left -54px;}
  .button.tertiary.small span { background-position: right -54px; }  
.button.secondary.small { background-position: left -27px; }
  .button.secondary.small span { background-position: right -27px; }
.button.primary.small { background-position: left top; }
  .button.primary.small span { background-position: right top; }  

.button.small:hover { background-position: left -81px; } 
  .button.small:hover span { background-position: right -81px; }
 
.button.active.medium { background-position: left -295px; }
  .button.activ.medium span { background-position: right -295px; }  
.button.tertiary.medium { background-position: left -215px;}
  .button.tertiary.medium span { background-position: right -215px; } 
.button.secondary.medium { background-position: left -175px; }
  .button.secondary.medium span { background-position: right -175px; }
.button.primary.medium { background-position: left -135px; }
  .button.primary.medium span { background-position: right -135px; }

.button.medium:hover { background-position: left -255px; } 
  .button.medium:hover span { background-position: right -255px; }
 

/* --- Pagination --- */
.pagination { width: 100%; }
  .pagination ul { 
	margin: 8px auto 18px auto; 
	display: table; 
	overflow: hidden; 
	list-style-type: none; 
  }
    .pagination ul li { margin: 0 5px 0 0; display: inline; float: left; } 
    .pagination ul li.prev { margin-right: 30px; }
	.pagination ul li.next { margin-left: 25px; }  	

	
/* --- Dividers --- */
.divider { height: 10px; width: 100%; margin: 9px 0 17px 0; background-position: 0 -110px; }
.c-12 .divider { background-position: 0 -110px; }
.c-11 .divider { background-position: 0 -100px; }
.c-10 .divider { background-position: 0 -90px; }
.c-9 .divider { background-position: 0 -80px; }
.c-8 .divider { background-position: 0 -70px; }
.c-7 .divider { background-position: 0 -60px; }
.c-6 .divider { background-position: 0 -50px; }
.c-5 .divider { background-position: 0 -40px; }
.c-4 .divider { background-position: 0 -30px; }
.c-3 .divider { background-position: 0 -20px; }
.c-2 .divider { background-position: 0 -10px; }
.c-1 .divider { background-position: 0 0px; }


/* --- Fancy frames --- */  
.frame  { position: relative; display: block; }
  .frame img { display: block; } 
.frame span.helper1 { 
	width: 100%; 
	position: absolute; 
	left: 0; 
	top: 0; 
	background-position: left top; 
}
.frame span.helper2 { 
	width: 100%; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background-position: left bottom; 
}

.c-12 .frame, .frame.u-12 { width: 894px; padding-bottom: 36px; }
.c-11 .frame, .frame.u-11 { width: 817px; padding-bottom: 33px; }
.c-10 .frame, .frame.u-10 { width: 740px; padding-bottom: 30px; }      
.c-9 .frame, .frame.u-9 { width: 663px; padding-bottom: 27px; }
.c-8 .frame, .frame.u-8 { width: 586px; padding-bottom: 24px; }
.c-7 .frame, .frame.u-7 { width: 509px; padding-bottom: 21px; }      
.c-6 .frame, .frame.u-6 { width: 432px; padding-bottom: 18px; }
.c-5 .frame, .frame.u-5 { width: 355px; padding-bottom: 15px; }
.c-4 .frame, .frame.u-4 { width: 278px; padding-bottom: 11px; }      
.c-3 .frame, .frame.u-3 { width: 201px; padding-bottom: 8px; }
.c-2 .frame, .frame.u-2 { width: 124px; padding-bottom: 6px; }
.c-1 .frame, .frame.u-1 { width: 47px; padding-bottom: 2px; }      


.c-12 .frame span.helper1, .frame.u-12 span.helper1 { height: 30px; }
.c-12 .frame span.helper2, .frame.u-12 span.helper2 { height: 90px; }

.c-11 .frame span.helper1, .frame.u-11 span.helper1 { height: 30px; }
.c-11 .frame span.helper2, .frame.u-11 span.helper2 { height: 80px; }

.c-10 .frame span.helper1, .frame.u-10 span.helper1 { height: 25px; }
.c-10 .frame span.helper2, .frame.u-10 span.helper2 { height: 75px; }

.c-9 .frame span.helper1, .frame.u-9 span.helper1 { height: 20px; }
.c-9 .frame span.helper2, .frame.u-9 span.helper2 { height: 70px; }

.c-8 .frame span.helper1, .frame.u-8 span.helper1 { height: 20px; }
.c-8 .frame span.helper2, .frame.u-8 span.helper2 { height: 60px; }

.c-7 .frame span.helper1, .frame.u-7 span.helper1 { height: 15px; }
.c-7 .frame span.helper2, .frame.u-7 span.helper2 { height: 50px; }

.c-6 .frame span.helper1, .frame.u-6 span.helper1 { height: 15px; }
.c-6 .frame span.helper2, .frame.u-6 span.helper2 { height: 45px; }

.c-5 .frame span.helper1, .frame.u-5 span.helper1 { height: 10px; }
.c-5 .frame span.helper2, .frame.u-5 span.helper2 { height: 40px; }

.c-4 .frame span.helper1, .frame.u-4 span.helper1 { height: 10px; }
.c-4 .frame span.helper2, .frame.u-4 span.helper2 { height: 30px; }

.c-3 .frame span.helper1, .frame.u-3 span.helper1 { height: 5px; }
.c-3 .frame span.helper2, .frame.u-3 span.helper2 { height: 20px; }

.c-2 .frame span.helper1, .frame.u-2 span.helper1 { height: 5px; }
.c-2 .frame span.helper2, .frame.u-2 span.helper2 { height: 15px; }

.c-1 .frame span.helper1, .frame.u-1 span.helper1 { height: 5px; }
.c-1 .frame span.helper2, .frame.u-1 span.helper2 { height: 10px; }


 /* --- System messages --- */
.message { 
	padding: 9px 15px; 
	margin: 0 0 18px 0; 
	border-width: 1px; 
	border-style: solid;	
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border-radius: 12px; 
}  

 
 /* --- Text highlighting --- */ 
span.highlight { }


/* --- Dropcaps --- */
span.dropcap { 
	height: 32px; 
	width: 32px; 
	margin: 0 8px 0 0; 
	float: left; 
	display: block; 
	font-size: 24px; 
	line-height: 32px; 
	text-align: center; 		
	background-position: 0 0; 
	background-repeat: no-repeat; 
} 

/* ----->>> HEADER SECTION <<<------------------------------------------------------------------ */

/* --- Identification --- */
#id {}
  #id h1 { margin: 0 0 9px 0; text-align: center; }
  #id p { margin: 0 0 9px 0; text-align: center; }

/* --- Main navigation */
#main-navigation { height: 34px; margin: 10px 0 0 0; }
  #main-navigation .wrapper { height: 100%; margin: 0 auto; display: table; }
    #main-navigation ul.dd-menu { display: inline; float: left; } 
    #main-navigation .helper1, #main-navigation .helper2 { 
		height: 34px; 			
		width: 15px; 
		display: inline; 
		float: left; 		
		background-repeat: no-repeat; 
	}
    #main-navigation .helper1 { background-position: left top; }		
    #main-navigation .helper2 { background-position: right top; }  

 
/* Base */
.dd-menu, .dd-menu ul { 
	padding: 0; 
	margin: 0; 
	position: relative; 
	list-style-type: none; 
	list-style-position: outside; 
}
.dd-menu li { position: relative; float: left; }
.dd-menu li a { position: relative; display: inline; float: left; text-decoration: none; }
.dd-menu li ul { width: 170px; position: absolute; display: none; z-index: 1; }  

/* Links level 1 */
.dd-menu li { margin-left: 5px; }
.dd-menu li:first-child { margin-left: 0; }
.dd-menu li a { height: 34px; padding: 0 15px; line-height: 30px; }

/* Links level 2,3,4 */
.dd-menu ul li { margin-left: 0; }
.dd-menu ul a { height: auto; width: 120px; padding: 8px 25px; line-height: 18px; }

/* Submenu level 1 */
.dd-menu ul { left: -10px; top: 34px; }
/* Submenu level 2,3,4 */
.dd-menu ul ul { left: 170px; top: 0; }

/* Dropdown mechanism */
.dd-menu li:hover ul ul, 
.dd-menu li:hover ul ul ul, 
.dd-menu li:hover ul ul ul ul { display:none; }

.dd-menu li:hover ul, 
.dd-menu li li:hover ul, 
.dd-menu li li li:hover ul, 
.dd-menu li li li li:hover ul { display:block; }

/* Arrows level 1 */
.dd-menu a.dd-submenu-title { padding-right: 25px; }
.dd-menu a span.dd-arrow { 
	height: 4px; 
	width: 7px; 	
	position: absolute; 	
	right: 10px; 
	top: 15px; 
	opacity: .5; 
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)"; 
	background-position: 0 -60px; 
	background-repeat: no-repeat; 	
}
.dd-menu a:hover span.dd-arrow, .dd-menu a.dd-path span.dd-arrow { 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter: "alpha(opacity=100)"; 
}

/* Arrows level 2,3,4 */
.dd-menu ul a span.dd-arrow { 	
	height: 7px; 
	width: 4px; 
	position: absolute; 
	right: 10px; 
	top: 14px; 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter: "alpha(opacity=100)"; 	
	background-position: -20px 0; 
	background-repeat: no-repeat; 	
}
.dd-menu ul a.dd-path span.dd-arrow, .dd-menu ul a:hover span.dd-arrow { 
	background-position: 0 -60px; 
}

/* Rounded corners */
.dd-menu ul { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.dd-menu > li.current-menu-item > a, .dd-menu > li > a:hover, .dd-menu > li > a.dd-path { 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
}
.dd-menu li ul li:first-child > a { 
	-moz-border-radius: 12px 12px 0 0; 
	-webkit-border-radius: 12px 12px 0 0; 
	border-radius: 12px 12px 0 0; 
}
.dd-menu li ul li:last-child > a { 
	-moz-border-radius: 0 0 12px 12px; 
	-webkit-border-radius: 0 0 12px 12px; 
	border-radius: 0 0 12px 12px; 
}

/* Shadows*/
.dd-menu ul { 
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.25); 
	box-shadow: 0 0 12px rgba(0,0,0,0.25); 
}

	  
/* --- Social bookmarking --- */
#social-bookmarking { position: absolute; top: 10px; right: 30px; }
#social-bookmarking ul { 
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
	list-style-position: outside; 
}
#social-bookmarking ul li { margin-left: 5px; display: inline; float: left; }  


/* ----->>> CONTENT SECTION <<<----------------------------------------------------------------- */

#content .hd h1 { margin: 0; }

/* --- Breadcrumbs --- */
.breadcrumbs { margin: 0 0 9px 0; font-size: 10px; }
  .breadcrumbs strong { font-weight: normal; }

/* --- Tabs --- */  
ul.tabs { margin: 12px 0 0 0; list-style-type: none; float: right; }
  ul.tabs li  { margin-left: 5px; display: inline; float: left; }  

#content .bd { 	
	background-position: 30px -110px; 
	background-repeat: no-repeat; 
}
  
#content .ft .shadow { 
	height: 10px; 
	width: 100%; 
	background-position: 30px -110px; 
	background-repeat: no-repeat; 
}
#content .ft .wrapper { min-height: 10px; width: 100%; }
#content .ft .helper1 { height: 40px; background-repeat: no-repeat; }
  
#content .ft.special .shadow { background-position: 30px -110px; background-repeat: no-repeat; }
#content .ft.special .wrapper { border-width: 1px 0; border-style: solid; }
#content .ft.special .helper1 {} 

/* ----->>> FOOTER SECTION <<<------------------------------------------------------------------ */

#subfooter { padding-top: 18px; background-position: 0 -110px; background-repeat: no-repeat; }

#copyright { font-size: 10px; }

ul.subfooter-menu  { overflow: hidden; font-size: 10px; } 
  ul.subfooter-menu li { margin-left: 10px; display: inline; float: right; }  

 
  
/* ============================================================================================= */
/* =====>>> PAGE SPECIFIC LAYOUT <<<============================================================ */
/* ============================================================================================= */
  
  
/* ----->>> HOME <<<---------------------------------------------------------------------------- */ 

/* --- Slider --- */
#slider { 
	width: 954px; 
	padding: 43px 0 0 0; 
	position: relative; 
	background-repeat: no-repeat; 
}
#slider .slides { margin: 0 15px; position: relative; }
#slider  .slide { 
	height: 420px; 
	width: 924px; 
	position: absolute; 
	left: 0; 
	top: 0; 
	overflow: hidden; 
}

#slider .navigation { width: 100%; position: absolute; left: 0; overflow: hidden; }    
  #slider .navigation ul  { margin: auto; display: table; } 
    #slider .navigation ul li { margin: 0 10px 0 0; display: inline; float: left; } 
  
/* Coin slider */	  
#slider.slider-coin { height: 457px; }	  

#slider.slider-coin .slide .image a { 
	height: 420px; 
	width: 100%; 
	position: relative; 
	display: block; 
	overflow: hidden; 
	z-index: 1; 
}

#slider.slider-coin .slide .image a span.helper1 { 
	height: 50px; 
	width: 100%; 
	position: absolute; 
	left: 0; 
	top: 0; 			
	background-position: -15px -43px; 
 }

 #slider.slider-coin .slide .image a span.helper2 { 
	height: 60px; 
	width: 100%; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background-position: -15px -403px; 
} 	

#slider.slider-coin .navigation { top: 470px; }  
#slider.slider-coin .navigation li a.coin { 
	height: 14px; 
	width: 14px; 
	display: block; 
	background-position: left top; 
}
#slider.slider-coin .navigation li a.coin:hover { background-position: left -14px; }
#slider.slider-coin .navigation li.activeSlide a.coin { background-position: left -28px; }	 

/* Thumb slider */	  
#slider.slider-thumb { height: 502px; }	

#slider.slider-thumb .slides { background-position: 0 333px; background-repeat: no-repeat; }

#slider.slider-thumb .slide .image a { 
	height: 420px; 
	width: 100%; 
	position: relative; 
	display: block; 
	overflow: hidden; 
	z-index: 1; 
}

#slider.slider-thumb .slide .image a span.helper1 { 
	height: 50px; 
	width: 100%; 
	position: absolute; 
	left: 0; 
	top: 0; 
	background-position: -15px -43px; 
}	

#slider.slider-thumb .slide  .non-image { 
	height: 87px; 
	width: 100%; 
	position: absolute; 
	left: 0; 
	top: 333px; 
	overflow: hidden; 
	z-index: 2; 
	text-align: center; 
	background: url(../images/black-opacity-75.png); 
}	
#slider.slider-thumb .slide .non-image h2 { margin: 9px 0; position: relative; z-index: 2; }
#slider.slider-thumb .slide .non-image p.more {
	margin: 0 auto; 
	position: relative; 
	display: table; 
	z-index: 2; 
}
#slider.slider-thumb .slide .non-image span.helper1 { 			
	height: 87px; 
	width: 100%; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1; 			
	background-position: -15px -376px; 
	}     
 
 
#slider.slider-thumb .navigation { top: 472px; }

/* Navigation elements opacity */	 
#slider.slider-thumb .navigation li a.frame { 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
}
#slider.slider-thumb .navigation li a.frame:hover, #slider.slider-thumb .navigation li.activeSlide a.frame { 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
}

 
 
 /* --- Blurb --- */
.blurb {}
  .blurb .button { width: 263px; }
    .blurb .button span { width: 218px; text-align: center; }
     
      
/* ----->>> PORTFOLIO <<<----------------------------------------------------------------------- */  

/* --- Single project from portfolio --- */
.folio-single { margin: -36px -30px 0 -30px; background-position: 0 -43px; }
  .folio-single .slide { margin: 0 15px 18px 15px; position: relative; }
    .folio-single .slide span.helper1 { 
		height: 50px; 
		width: 100%; 
		position: absolute; 
		left: 0; 
		top: 0; 
		background-position: -15px -43px; 
	}
    .folio-single .slide span.helper2 { 
		height: 87px; 
		width: 100%; 
		position: absolute; 
		left: 0; 
		top: 333px; 
		background-position: -15px -376px; 
	}

p.var-value { padding: 6px 0; margin: 0; border-top-width: 1px; border-style: solid; }
  p.var-value strong { padding-right: 0.5em; }
  p.var-value em { font-family: Georgia, serif; font-style: italic; }
  
  
/* --- Small list portfolio  --- */	
ul.folio-small-list { margin: 0; list-style: none; }	
  ul.folio-small-list li { padding-bottom: 9px; }
    ul.folio-small-list li .c-8 { margin: 0 0 0 308px; }
    ul.folio-small-list li .c-4 { margin: 0 0 0 -894px; }  

	
/* --- Medium list portfolio --- */  
ul.folio-medium-list { margin: 0; list-style: none; }
  ul.folio-medium-list li { padding-bottom: 9px; }     
    ul.folio-medium-list li .c-6 { margin: 0 0 0 -894px; }
	ul.folio-medium-list li  :first-child.c-6 { margin: 0 0 0 462px; }    	
  ul.folio-medium-list h3 { margin: 9px 0 9px 0; }  

  
/* --- Big list portfolio --- */  
ul.folio-big-list { margin: 0; list-style: none; }
  ul.folio-big-list li { padding-bottom: 18px; }
    ul.folio-big-list .c-4 { margin: 0 0 0 616px; }
    ul.folio-big-list .c-8 { margin: 0 0 0 -894px; }
  ul.folio-big-list h3 { margin: 18px 0 9px 0; }
  
  

/* --- 2 columns portfolio --- */ 
.folio-2-columns { }

.c-6 .folio { padding-top: 220px; position: relative; }
  .c-6 .folio h3 { margin-bottom: 0; font-weight: normal; text-align: center; }
    .c-6 .folio .meta { text-align: center; }
    .c-6 .folio .image { position: absolute; left: 0; top: 0; }

	
/* --- 3 columns portfolio --- */
.folio-3-columns {}

.c-4 .folio { padding-top: 140px; position: relative; }
  .c-4 .folio h3 { margin-bottom: 0; font-size: 12px; font-weight: normal; text-align: center;  }
    .c-4 .folio .meta { text-align: center; }
    .c-4 .folio .image { position: absolute; left: 0; top: 0; }

	
/* --- 4 columns portfolio --- */
.folio-4-columns {}

.c-3 .folio { padding-top: 104px; position: relative; }
  .c-3 .folio h3 { margin-bottom: 0; font-size: 12px; font-weight: normal; text-align: center; }
    .c-3 .folio p { text-align: center; }
    .c-3 .folio .image { position: absolute; left: 0; top: 0; }
	

/* ----->>> BLOG <<<---------------------------------------------------------------------------- */ 

/* --- Post --- */
.post {}
.post h1.title { margin-bottom: 9px; }
.post h2.title { margin-bottom: 9px; }    
.post .meta .date { 
	padding-left: 16px; 
	margin-right: 1em; 
	background: url(../images/icons/btp-calendar.png) 0 center no-repeat; 
}
.post .meta .author { 
	padding-left: 16px; 
	margin-right: 1em; 
	background: url(../images/icons/btp-user.png) 0 center no-repeat; 
}
.post .meta .categories { 
	padding-left: 20px; 
	margin-right: 1em; 
	background: url(../images/icons/btp-tag.png) 0 center no-repeat; 
}
.post .meta .comments { 
	padding-left: 20px; 
	margin-right: 1em; 
	background: url(../images/icons/btp-comment.png) 0 center no-repeat; 
}
.post .actions { text-align: center; }

/* --- Comment list --- */	
ol.commentlist { margin: -18px 0 18px 0; list-style: none; }
ol.commentlist li { 
	min-height: 48px; 
	padding: 0 0 0 64px; 
	position: relative; 
	overflow: hidden; 
	border-top-width: 1px;
	border-style: solid;
}
ol.commentlist > li:first-child { border-top: none; }

ol.commentlist div.comment-wrapper { padding: 18px 0 9px 0; }
ol.commentlist div.vcard cite.fn { font-size: 14px; font-style: normal; }
ol.commentlist div.vcard img.avatar { 
	padding: 4px; 
	position: absolute; 
	left: 0; 
	top: 18px; 
	border-width: 1px; 
	border-style: solid; 			
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;  
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.25); 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.25); 
	box-shadow: 0 1px 3px rgba(0,0,0, 0.25);  
}

ol.commentlist div.commentmetadata { margin-bottom: 9px; }
ol.commentlist div.reply { margin-top: 9px; text-align: right; }
ol.commentlist ul.children { margin: 0; list-style: none; }	  
	  
/* --- Post previews --- */	  
ul.post-previews { margin-left: 0; overflow: hidden; list-style-type: none; }
  ul.post-previews li { 
	padding: 6px 0 6px 62px; 	
	position: relative;
	overflow: hidden; 	
	border-top-width: 1px;
	border-style: solid;
  }
  ul.post-previews li:first-child { padding-top: 0; border-top-width: 0; }
    ul.post-previews li h3 { margin: 0; font-size: 12px; }
    ul.post-previews li .image { margin: 0; position: absolute; left: 0; top: 9px; }
	ul.post-previews li:first-child .image { top: 3px; }
	ul.post-previews li .meta { margin: 0; }

/* --- Widgets based on link collection --- */
.widget_categories ul, 
.widget_archive ul {  
	margin-left: 0; list-style-type: none; 
}

.widget_categories ul ul, 
.widget_archive ul ul {  
	margin-left: 2em; 
}

.widget_categories li,
.widget_archive li  { 
	padding: 6px 0; 	
	border-top-width: 1px;
	border-style: solid;	
}	
 
.widget_categories li:first-child,
.widget_archive li:first-child 
 { padding-top: 0; }	
 
/* --- Search form --- */
#searchform	 { position: relative; margin: 12px 0 0 0; }
  #searchform #s { width: 230px; padding-right: 36px; }
  #searchform #searchsubmit { position: absolute; right: 0; top: 0; }
	
	
	
/* ----->>> 404 <<<----------------------------------------------------------------------------- */ 	
#error404 { height: 360px; padding: 120px 201px 30px 201px; }
	

/* ----->>> EXTRAS <<<-------------------------------------------------------------------------- */  	
	  
p.ad { 
	padding: 8px 0; 
	text-align: center; 	
	border-width: 1px;
	border-style: solid;	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 	
}    

.example { 
	padding: 18px 0; 
	border-top-width: 1px;
	border-style: solid;	
} 



